<!-- 交友中心主页 -->
<template>
	<view id="body">
		<!-- 交友盲盒导航 -->
		 <view class="nav">
			 <!-- 类型详细分类 -->
			 <view class="type">
			 	<u-tabs :list="type" @click="fl" lineColor="#000000" 
				:activeStyle="{color: '#303133',fontWeight: 'bold'}"
				:inactiveStyle="{color: '#606266'}"
				:lineWidth="60"
				:lineHeight="6"
				:itemStyle="{paddingLeft:'120rpx', paddingRight:'120rpx', height: '88rpx'}"
				></u-tabs>
			 </view>
		 </view>
		<Mygiay v-if="!falge"></Mygiay>
		<Mynote v-if="falge"></Mynote>
	</view>
</template>

<script>
	import Mygiay from 'makefriends/mygiay'
	import Mynote from 'makefriends/mynote'
	export default {
		//注册组件
		components:{
			Mygiay,
			Mynote
		},
		data() {
			return {
				type:[
					{
						name:"我的纸条",
					},
					{
						name:"抽个对象",
					},
				],
				falge: true,
			}
		},
		methods:{
			fl(e){
				if(e.index == 0){
					this.falge = true
				}else{
					this.falge = false
				}
				console.log(e.index)
			}
		}
	}
</script> 

<style>
	@import url("../static/css/componentsCss/makefriends/index.css");
</style>